<HTML>
<HEAD>
<TITLE>Preferencje uytkownika</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// Zamykamy okno dialogowe
function closeme() {
    window.close()
}

// Obsuga kliknicia przycisku OK
function handleOK() {
    window.returnValue = getFormData()
    closeme()
}

// Obsuga kliknicia przycisku Anuluj
function handleCancel() {
    window.returnValue = ""
    closeme()
}

// Oglna funkcja zapisujca pary nazwa-warto w 
// tabeli
function getFormData() {
    var form = document.prefs
    var returnedData = new Array()
    // Pobieramy wartoci ze wszystkich pl formularza
    // uwzgldniajc przy tym typ danego pola
    for (var i = 0; i < form.elements.length; i++) {
        if (form.elements[i].type == "text") {
            returnedData[form.elements[i].name] = form.elements[i].value
        } else if (form.elements[i].type.indexOf("select") != -1) {
            returnedData[form.elements[i].name] = 
            form.elements[i].options[form.elements[i].selectedIndex].value
        } else if (form.elements[i].type == "radio") {
            returnedData[form.elements[i].name] = form.elements[i].value
        } else if (form.elements[i].type == "checkbox") {
            returnedData[form.elements[i].name] = form.elements[i].value
        } else continue
    }
    return returnedData
}

// Okrelamy pocztkowe wartoci pl formularza przekazane 
// z dokumentu wywietlonego w gwnym oknie przegldarki
function init() {
    if (window.dialogArguments) {
        var args = window.dialogArguments
        var form = document.prefs
        if (args["name"]) {
            form.name.value = args["name"]
        }
        if (args["bgColor"]) {
            setSelected(form.bgColor, args["bgColor"])
        }
        if (args["textColor"]) {
            setSelected(form.textColor, args["textColor"])
        }
        if (args["h1Size"]) {
            setSelected(form.h1Size, args["h1Size"])
        }
    }
}

// Funkcja pomocnicza suca do zaznaczenia odpowiedniej opcji 
// w elemencie SELECT 
function setSelected(select, value) {
    for (var i = 0; i < select.options.length; i++) {
        if (select.options[i].value == value) {
            select.selectedIndex = i
            break
        }
    }
    return
}

// Funkcja pomocnicza obsugujca nacinicie klawisza 
// Enter w polu tekstowym, jako kliknicie przycisku OK
function checkEnter() {
    if (window.event.keyCode == 13) {
        handleOK()
    }
}
</SCRIPT>
</HEAD>

<BODY BGCOLOR="#eeeeee" onLoad="init()">
<H2>Preferencje uytkownika</H2>
<HR>
<TABLE BORDER=0 CELLSPACING=2>
<FORM NAME="prefs" onSubmit="return false">
<TR>
<TD>Podaj jak masz na imi:<INPUT NAME="name" TYPE="text" VALUE="" SIZE=20 
onKeyDown="checkEnter()">
</TR>

<TR>
<TD>Wybierz kolor ta:
<SELECT NAME="bgColor">
    <OPTION VALUE="beige">Be 
    <OPTION VALUE="antiquewhite">Biel antyczna
    <OPTION VALUE="goldenrod">Miodowy
    <OPTION VALUE="lime">Zielony
    <OPTION VALUE="powderblue">Szaroniebieski
    <OPTION VALUE="slategray">Grafitowy
</SELECT>
</TR>

<TR>
<TD>Wybierz kolor tekstu:
<SELECT NAME="textColor">
    <OPTION VALUE="black">Czarny
    <OPTION VALUE="white">Biay
    <OPTION VALUE="navy">Morski
    <OPTION VALUE="darkorange">Ciemnopomaraczowy
    <OPTION VALUE="seagreen">Morska ziele
    <OPTION VALUE="teal">Szaro-niebieski
</SELECT>
</TR>

<TR>
<TD>Okrel wielko czcionki, ktr jest wywietlane powitanie:
<SELECT NAME="h1Size">
    <OPTION VALUE="12">12
    <OPTION VALUE="14">14
    <OPTION VALUE="18">18
    <OPTION VALUE="24">24
    <OPTION VALUE="32">32
    <OPTION VALUE="48">48
</SELECT>
</TR>
</TABLE>
</FORM>
<DIV STYLE="position:absolute; left:250px; top:220px">
<BUTTON STYLE="width:80px" onClick="handleOK()">OK</BUTTON>&nbsp;&nbsp;
<BUTTON STYLE="width:80px" onClick="handleCancel()">Anuluj</BUTTON>
</DIV>
</BODY>
</HTML>